<!DOCTYPE html>
<html lang="zh-CN" style="background: #fff;">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<title>登录/注册</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<script src="__CDN__/assets/user/js/rem.js"></script>
		<script src="__CDN__/assets/user/js/jquery.min.js" type="text/javascript"></script>
		<link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/base.css">
		<link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/page.css">
		<link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/all.css">
		<link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/loaders.min.css">
		<!-- <link rel="stylesheet" type="text/css" href="css/loading.css"/> -->
		<link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/slick.css">
		<link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/iconfont.css">
<!--		<link href="__CDN__/assets/popup/css/animate.css" rel="stylesheet" type="text/css">-->
<!--		<link href="__CDN__/assets/popup/css/noticejs.css" rel="stylesheet" type="text/css">-->
<!--		<script src="__CDN__/assets/popup/js/notice.js"></script>-->
	</head>

	<body style="background: #ffff;">
		<!--header star-->
		<header class="mui-bar mui-bar1 mui-bar-nav mui-bar-nav1" id="header" style="background: transparent;">
			<!-- <a class="back-btn" href="javascript:history.go(-1)">
		        <i class="iconfont icon-fanhui"></i>
		    </a> -->
			<!-- <div class="mui-title" style="color: #fff;">登录</div> -->
		</header>
		<!--header end-->

		<div class="warp clearfloat" style="margin: 0;">
			<div class="login-top clearfloat box-s">
				<div class="ge-back"><img src="__CDN__/assets/user/picture/login.png"></div>
				<div class="logo-imgs">
					<img src="https://www.17sucai.com/preview/1097306/2020-11-26/erp_manage/img/logo.png">
				</div>
			</div>
		</div>
		<div class="tab-account" style="background: #fff;padding: 0;margin-top: 11%;">
			<ul id="myTab" class="nav nav-tabs login-tabs">
				<li  class="active"><a href="#login" data-toggle="tab">登录</a></li>
				<li>
					<a href="#reg" data-toggle="tab">注册</a>
				</li>
			</ul>
			<div id="myTabContent" class="tab-content" style="background: #fff; padding: 0.4rem;">
				<div class="tab-pane fade in active" id="login">
					<form name="form" id="login-form" class="form-vertical" method="POST" action="{:url('user/login')}">
						<input type="hidden" name="url" value="{$url}"/>
						{:token()}
						<div class="form-group login-group_re">
							<i class="iconfont icon-shoujihaoma"></i>
<!--							<input type="text"  id="account"  onkeyup="this.value=this.value.replace(/\D/g,'')"-->
<!--								   onafterpaste="this.value=this.value.replace(/\D/g,'')" class="form-control inpt-form" name="account" placeholder="请输入手机号">-->
							<input type="text"  id="account" class="form-control inpt-form" name="account" placeholder="请输入账号">
						</div>

						<div class="form-group login-group_re">
							<i class="iconfont icon-mima"></i>
							<!-- <input type="email" class="form-control inpt-form" placeholder="请输入密码"> -->
							<input data-toggle="password" data-placement="before" name="password" data-message="点击显示/隐藏密码" class="form-control inpt-form" type="password" placeholder="请输入密码">
						</div>
						<div class="yi-zhang wang-mi login-wang">
							<div class="form-actions form-ji">
								<div>
									<span>
										<div style="display: inline-block;margin-left:3px;margin-top:1px;">
											<input name="form-field-checkbox" id="saveid" type="checkbox" onclick=" " style="padding-top:0px;">
										</div>
										<div style="display: inline-block;margin-top:-3px;margin-right:2px;margin-left: 2px;font-size:14px !important">
											<font>记住密码</font>
										</div>
									</span>
								</div>
							</div>
							<a href="findWord.html">忘记密码？</a>
						</div>
						<button type="submit" class="conf-btn login-btns">登录</button>
					</form>
				</div>

				<div class="tab-pane fade" id="reg">
<!--					<form id="reg_post" onsubmit="return false" action="##" method="post">-->
					<form name="form1" id="register-form" class="form-vertical" method="POST" action="{:url('user/register')}">
						<input type="hidden" name="invite_user_id" value="0" />
						<input type="hidden" name="url" value="{$url}" />
						{:token()}

						<div class="form-group login-group_re">
							<i class="iconfont icon-zhanghao"></i>
							<input type="text" name="email" id="email" data-rule="required;email" class="form-control inpt-form" placeholder="{:__('Email')}">
						</div>

						<div class="form-group login-group_re">
							<i class="iconfont icon-shoujihaoma"></i>
							<input type="text" id="mobile" name="mobile" data-rule="required;mobile" class="form-control inpt-form " placeholder="{:__('Mobile')}">
						</div>

<!--						<div class="form-group login-group_re">-->
<!--							<i class="iconfont icon-yanzhengma2"></i>-->
<!--							<input type="tel" class="form-control inpt-form" id="tel" placeholder="请输入手机号验证码">-->
<!--							<a href="javascript:;" id="getCode" data-appid="2034800824" data-cbfn="callback" class="linkABlue yanzheng">获取验证码</a>-->
<!--						</div>-->



						<div class="form-group login-group_re">
							<i class="iconfont icon-zhanghao"></i>
							<input type="text" id="username" name="username" data-rule="required;username" class="form-control inpt-form" placeholder="{:__('Username must be 3 to 30 characters')}">
						</div>

						<div class="form-group login-group_re">
							<i class="iconfont icon-zhanghao"></i>
							<input type="password" id="password" data-toggle="password" data-placement="before" data-message="点击显示/隐藏密码" name="password" data-rule="required;password" class="form-control inpt-form" placeholder="{:__('Password must be 6 to 30 characters')}">
						</div>


						{if $captchaType}
						<div class="form-group">
<!--							<label class="control-label">{:__('Captcha')}</label>-->
							<div class="controls">
								<div class="input-group">
									{include file="common/captcha" event="register" type="$captchaType" /}
								</div>
								<p class="help-block"></p>
							</div>
						</div>
						{/if}

						<div class="form-group">
							<button type="submit" class="btn btn-primary btn-lg btn-block">{:__('Sign up')}</button>
						</div>
					</form>

				</div>
			</div>
		</div>

		<script type="text/javascript">
			function login() {
				$.ajax({
					//几个参数需要注意一下
					type: "POST",//方法类型
					dataType: "json",//预期服务器返回的数据类型
					url: "{:url('user/login')}" ,//url
					data: $('#login_post').serialize(),
					success: function (result) {
						if (result.code == 110) {
							new NoticeJs({
								text: result.msg,
								position: 'middleCenter',
								animation: {
									open: 'animated bounceInRight',
									close: 'animated bounceOutLeft'
								}
							}).show();
						}else if (result.code == 111) {
							new NoticeJs({
								text: result.msg,
								position: 'middleCenter',
								animation: {
									open: 'animated bounceInRight',
									close: 'animated bounceOutLeft'
								}
							}).show();
						}else if (result.code == 112) {
							new NoticeJs({
								text: result.msg,
								position: 'middleCenter',
								animation: {
									open: 'animated bounceInRight',
									close: 'animated bounceOutLeft'
								}
							}).show();
						}else if (result.code == 113) {
							new NoticeJs({
								text: result.msg,
								position: 'middleCenter',
								animation: {
									open: 'animated bounceInRight',
									close: 'animated bounceOutLeft'
								}
							}).show();
						}else if (result.code == 114) {
							new NoticeJs({
								text: result.msg,
								position: 'middleCenter',
								animation: {
									open: 'animated bounceInRight',
									close: 'animated bounceOutLeft'
								}
							}).show();
							window.location.href="{:url('user/index')}";
						}
						;

					},
					error : function() {
						alert("异常！");
					}
				});
			}
			function regs() {
				$.ajax({
					//几个参数需要注意一下
					type: "POST",//方法类型
					dataType: "json",//预期服务器返回的数据类型
					url: "{:url('user/register')}" ,//url
					data: $('#reg_post').serialize(),
					success: function (result) {
						if (result.code == 110) {
							new NoticeJs({
								text: result.msg,
								position: 'middleCenter',
								animation: {
									open: 'animated bounceInRight',
									close: 'animated bounceOutLeft'
								}
							}).show();
						}else if (result.code == 111) {
							new NoticeJs({
								text: result.msg,
								position: 'middleCenter',
								animation: {
									open: 'animated bounceInRight',
									close: 'animated bounceOutLeft'
								}
							}).show();
						}else if (result.code == 112) {
							new NoticeJs({
								text: result.msg,
								position: 'middleCenter',
								animation: {
									open: 'animated bounceInRight',
									close: 'animated bounceOutLeft'
								}
							}).show();
						}else if (result.code == 113) {
							new NoticeJs({
								text: result.msg,
								position: 'middleCenter',
								animation: {
									open: 'animated bounceInRight',
									close: 'animated bounceOutLeft'
								}
							}).show();
						}else if (result.code == 114) {
							new NoticeJs({
								text: result.msg,
								position: 'middleCenter',
								animation: {
									open: 'animated bounceInRight',
									close: 'animated bounceOutLeft'
								}
							}).show();
							window.location.href="{:url('user/index')}";
						}
						;

					},
					error : function() {
						alert("异常！");
					}
				});
			}
		</script>

		<script type="text/javascript" src="__CDN__/assets/user/js/jquery.min.js"></script>
		<script type="text/javascript" src="__CDN__/assets/user/js/bootstrap.min.js"></script>
		<!-- 密码显示隐藏 -->
		<script src="__CDN__/assets/user/js/bootstrap-show-password.js"></script>

		<script type="text/javascript" src="__CDN__/assets/user/js/mui.min.js"></script>
		<script type="text/javascript" src="__CDN__/assets/user/js/hmt.js"></script>
		<script type="text/javascript" src="__CDN__/assets/user/js/slick.js"></script>
		<script type="text/javascript" src="__CDN__/assets/user/js/swiper.min.js"></script>
	</body>

</html>
